import React from "react";
import { Carousel } from "antd";
import url_1 from "../../assets/1.png";
import url_2 from "../../assets/2.png";
import url_3 from "../../assets/3.png";
import url_4 from "../../assets/4.png";

export default function Sale() {
  const contentStyle = {
    width: "100%",
    height: "280px",
  };
  return (
    <>
      <Carousel autoplay="true" dotPosition="right" effect="fade">
        <div>
          <img style={contentStyle} src={url_1} alt="走马灯图片" />
        </div>
        <div>
          <img style={contentStyle} src={url_2} alt="走马灯图片" />
        </div>
        <div>
          <img style={contentStyle} src={url_3} alt="走马灯图片" />
        </div>
        <div>
          <img style={contentStyle} src={url_4} alt="走马灯图片" />
        </div>
      </Carousel>
    </>
  );
}
